@charset "utf-8";
@import 'mixin';
.bg-f3f5f7 {background: #f0f0f0;}
.foot-bottom-sec {background: #2d2d2d;}
.b-f-box {color: #666;}
#header.u-top-box-fixed {position: fixed; top: 0; left:0; right: 0;}
.uc-ban-box {box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.02);min-height: 160px;position: relative;}
.uc-ban {height: 83px;padding: 77px 180px 0 215px;position: relative;}
.integ-wrap a {display: block;}
.integrate-box {border-left:1px solid #9fb9ca;}
.u-elephant {margin-top: 20px;}
.u-elephant aside {display: inline-block;height: 106px;overflow: hidden;position: relative;width: 106px;text-align: center;}
.u-elephant aside img {display: block;height: 106px;width: 106px;border-radius: 50%;}
.u-elephant aside .avator-edit {bottom: -6px;display: block;position: absolute;text-align: center;left: 0; right:0;}
.u-elephant aside .avator-edit span {background: #bebebe;font-size: 10px;color: #fff;height: 18px;line-height: 18px;border-radius: 3px;padding: 0 3px;white-space: nowrap;display: inline-block;max-width: 99px;text-overflow: ellipsis;overflow: hidden;}
.icon20.integ-icon {background-position: -182px -219px;margin-right: 0;}
.icon20.credit-icon {background-position: -182px -254px;margin-right: 0;}
.uc-m-edit {background-position: -324px -284px;position: absolute; right: 12px; top: 20px;display: none;}
.uc-m-edit:hover,.study-note a:hover {text-decoration: none; opacity: 0.9;-moz-opacity: 0.9;filter: alpha(opacity=90)}
.u-desc-of {margin-top: 8px;height: 40px;line-height: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.uc-tab-wrap {height: 54px;padding: 0 0 14px 215px;}
.uc-tab-ul {border-left: 1px solid #f2f2f2;padding: 8px 0;/*background: url("../../../static/image/white-70-pre.png") repeat 0 0;*/overflow: hidden;}
.uc-tab-ul li {border-right: 1px solid #f2f2f2;float: left;padding: 0 28px;height: 30px;display: block;}
.uc-tab-ul li a {display: block;line-height: 30px;float: left;}
.uc-tab-ul li a em {margin-right: 5px;}
.uc-tab-ul li a:hover,.uc-tab-ul li a:hover span {color: #31a4ff;text-decoration: none;}
.uc-sys-tab {border: none;}
.u-tem-change {cursor: pointer;position: absolute;top: 20px;right: 20px;}
.u-tem-change a:hover em {cursor: pointer;margin-top: -1px;}
.u-sys-btn {position: absolute; right: 4px;top: 95px;}
.u-sys-btn a {background: #31a4ff; width: 100px; height: 32px;display: inline-block; line-height: 32px;text-align: center; color: #fff;border-radius: 3px;font-size: 14px;}
.u-sys-btn a:hover {text-decoration: none;  opacity:0.9;filter: alpha(opacity=90);-moz-opacity: 0.9;}
/*培训详情页*/
.uc-m-content .i-box {border-radius: 6px;}
.plan-i-box  {padding-top: 10px;}
.p-l-wrap .u-live-wrap li {margin-bottom: 0;}
/*个人中心头部*/
.uc-header {height: 60px;}
.uc-header #logo {height: 60px; line-height: 60px;margin: 0 auto; width: 92px;}
.uc-header #logo a {width: 92px;}
.uc-header #logo a img {width: 92px; height: 32px;display: block;margin-top: 15px;}
.uc-header .h-r-login li a,.uc-header .nav li a {font-size: 12px;line-height: 60px;}
.uc-header .nav li a {color: #aaa;}
.uc-header .h-r-login li .fn-sub dl dd a {line-height: 34px;}
.u-c-top {display: none;}
.uc-header .nav {height: 60px;}
.uc-header .nav li a:hover em {background-position: -373px -400px;}
.h-r-ring {background: url("../../../static/image/icon_nxb.png") no-repeat -254px -285px;margin-top: 21px; }
.h-r-ring:hover {animation: shake 1s ease;-moz-animation: shake 1s ease;-webkit-animation:  shake 1s ease; }
.h-r-ring .red-point {right: -2px; top: -3px;}
.ucenter-box {overflow: hidden;}
/*uc left*/
.uc-m-box {position: relative;padding: 0;overflow: hidden;}
.uc-m-left {float: left;width: 210px;height: calc(100vh - 142px);height: -webkit-calc(100vh - 142px);}
.uc-m-content {overflow: hidden;padding: 5px 30px 10px;}
.uc-m-content.uc-m-box {margin:62px 0 0 210px;}
.uc-m-l-wrap {background: #2d3443;margin-top: 20px;height: 100%;position: relative;padding-top: 221px;box-sizing: border-box;border-radius: 7px; }
.uc-m-head {position: absolute; left: 0; top: 0; right: 0; width: 100%; height: 200px;}
.lib-pic {position: relative;}
.uc-m-l-menu {margin: 0;padding: 10px 0 20px;}
.uc-m-l-menu dl {padding: 2px 0;}
.uc-m-l-menu dl dt {position: relative;padding: 10px 10px 10px 43px;margin: 5px 0;border-left: 3px solid transparent;}
.uc-m-l-menu dl dt.open a {color: #fff;}
.uc-m-l-menu dl dt.open {background: #41689c;}
.router-link-active{background: $themeColor;width: 210px;display: block;}
.uc-m-l-menu dl dt a,.uc-m-l-menu dl dd a {display: inline-block;height: 20px;line-height: 20px;overflow: hidden;clear: both;vertical-align: middle;}
.uc-m-l-menu dl dt a:hover,.uc-m-l-menu dl dd a:hover {text-decoration: none;}
.uc-m-l-menu dl dd a:hover {color: #4e4e4e;font-weight: 700;}
.uc-m-l-menu dl dt a {color: #fff;font-size: 16px;font-family: "Microsoft YaHei"}
.uc-m-l-menu dl dd {border-bottom: 1px solid #f2f2f2;padding: 10px 0;}
.uc-m-l-menu dl dd li a {color: #666;font-size: 13px;padding: 0 25px 0 59px;height: 34px;line-height: 34px;font-family: "Microsoft YaHei"}
.uc-m-l-menu dl dd li.current a {background: #fbfbfb;color: #4e4e4e;font-weight: 700;}
.col-50 {width: 49%;display: inline-block;}
/*uc main*/
.ut-tb-ol-wrap {padding: 0 14px;}
.ut-tb-ol li {float: left; width: 20%;text-align: left;}
.ut-tb-ol li p * {vertical-align: middle;}
.f-h-i-title em {display: none;}
.ut-tb {border-radius: 5px;display: inline-block;width: 90px;text-align: left;padding: 11px 12px 12px 56px;position: relative;}
.ut-tb em {width: 36px; height: 35px;position: absolute;left: 10px; top: 13px;/*background: url("/static/image/ut-tb-icon.png") no-repeat 0 0;*/display: inline-block;vertical-align: middle;}
.lt-ie9.lt-ie8 .ut-tb em {margin-top: 13px;}
.ut-tb-1 {background: #77d6d0;}
.ut-tb-1 em {background-position: -8px -14px;}
.ut-tb-2 {background: #6890d5;}
.ut-tb-2 em {background-position: -5px -66px;}
.ut-tb-3 {background: #88a6d8;}
.ut-tb-3 em {background-position: -8px -119px;}
.ut-tb-4 {background: #ea86ae;}
.ut-tb-4 em {background-position: -7px -171px;}
.ut-tb-5 {background: #f9a57b;}
.ut-tb-5 em {background-position: -5px -223px;}
.job-belong {padding-bottom: 15px; border-bottom: 1px solid #eee;margin-top: 15px;}
.it-ie9 .it-ie8 .ut-tb-ol .col-50 {width: 49%;}
.ut-tb:hover,.u-elephant a:hover,.ut-tb:hover *,.uc-mask .c-play-btn:hover {opacity: 0.9;-moz-opacity: 0.9;filter:alpha(opacity=90);;text-decoration: none;}
.uc-c-title {border-bottom: 1px solid #e8e8e8;height: 16px;line-height: 16px;padding: 12px 0;}
.uc-c-title span {border-left: 3px solid #31a4ff;color: #333;display: block;float: left;padding-left: 12px;}
.uc-c-table ol {border-bottom: 1px solid #f6f6f6;padding: 10px 0;}
.lt-ie9.lt-ie8 .uc-c-table ol {height: 82px;}
.ut-tb-title:hover {text-decoration: none;opacity: 0.9; -moz-opacity: 0.9; filter: alpha(opacity=90);}
.uc-c-table ol li {line-height: 30px;overflow: hidden;width: 20%;}
.uc-c-table ol:hover,.uc-c-table ol.uc-cTab-th {background: #fbfbfb;}
.uc-c-table ol.uc-cTab-th {border-bottom: 1px solid #e2e2e2;}
.uc-last-learn ol {padding: 0; border-bottom: none;}
.u-latest-learn .col-1 {width: 50%;}
.u-latest-learn .col-2,.u-latest-learn .col-3 {width: 25%;}
.uc-emp-box .e-m-stasec {padding: 0;}
.s-p-wrap .e-m-more{position: absolute; right: 0; top: 50%;margin-top: -17px;}
.uc-cou-box .e-m-more {text-align: center;}
.uc-emp-box .e-m-more a,.s-p-wrap .e-m-more a,.plan-info-box .e-m-more a {border: 1px solid #a4d6fd; border-radius: 20px; color: #31a4ff;text-align: center;font-size: 14px;display: inline-block;height: 32px; width: 90px;line-height:32px;}
.uc-emp-box .e-m-more a {width: auto; padding: 0 20px;}
.uc-cou-box .e-m-more a {border: 1px solid #31a4ff; border-radius: 3px; color: #31a4ff;text-align: center;font-size: 14px;display: inline-block;height: 32px; width: 88%;line-height:32px;}
.uc-emp-box .e-m-more a:hover,.uc-cou-box .e-m-more a:hover {text-decoration: none; color: #31a4ff;border-color: #31a4ff;}
.e-m-progress .processbox li font {display: none;}
.e-m-progress {position: absolute; left: 0; top: 50%;margin-top: -50px;}
.e-m-progress .processbox li {width: 100%;}
.uc-last-pic {width: 146px; height: 82px;margin-right: 20px;position: relative;padding-left: 5px;background: url("../../../static/image/icon_nxb.png") no-repeat -507px -300px;}
.uc-last-title {position: absolute;left: 4px; bottom: 0;padding: 0 15px;background: #31a4ff;color: #fff; font-size: 16px;line-height: 28px;}
.uc-last-pic img {width: 100%; height: 100%;}
.uc-mask {background: url("../../../static/image/black_bg.png") repeat scroll 0 0;position: absolute; left: 0; top: 0; width: 100%;height: 100%;}
.uc-mask .c-play-btn {background-position: -222px -96px; height: 36px; display: inline-block;width: 36px;position: absolute;left: 50%; top: 50%; margin: -18px 0 0 -18px;}
/*icon style*/
.u-tem-change em {background-position: -150px -2px;}
.set-ph em {background-position: -151px -110px;}
.set-pr em {background-position: -151px -130px;}
.set-pj em {background-position: -150px -148px;}
.ucm-ja {background-position: -188px -224px;}
.uc-m-l-menu dl dt.open .ucm-ja {background-position: -188px -250px;}
.uc-m-l-menu dl dt em,.icon20,.u-header-title span em,.plan-attr-wrap ul li em {background: url("../../../static/image/admin-nav.png") no-repeat 0 0;width: 24px; height: 25px; display: inline-block;vertical-align: middle; margin-right: 20px;}
.uc-m-l-menu dl dt .my-train-icon {background-position: -127px -15px;}
.uc-m-l-menu dl dt .my-activity-icon {background-position: -244px -14px;}
.uc-m-l-menu dl dt .my-home-icon {background-position: -124px -367px;}
.uc-m-l-menu dl dt .my-course-icon {background-position: -126px -53px;}
.uc-m-l-menu dl dt .open-course-icon {background-position: -121px -93px;}
.uc-m-l-menu dl dt .inter-ques-icon {background-position: -70px -93px;}
.uc-m-l-menu dl dt .history-icon {background-position: -125px -123px;}
.uc-m-l-menu dl dt .my-integrate-icon {background-position: -125px -159px;}
.uc-m-l-menu dl dt .examing-icon {background-position: -69px -212px;}
.uc-m-l-menu dl dt .paper-test-icon {background-position: -69px -134px;}
.uc-m-l-menu dl dt .live-cou-icon {background-position: -126px -231px;}
.uc-m-l-menu dl dt .learn-statis-icon {background-position: -121px -292px;}
.uc-m-l-menu dl dt .sys-set-icon {background-position: -123px -303px;}
.uc-m-l-menu dl dt .library-icon {background-position: -220px -290px;}
.uc-m-l-menu dl dt .sys-message-icon {background-position: -69px -333px;}
.uc-m-l-menu dl dt .my-note-icon {background-position: -71px -372px;}
.uc-m-l-menu dl dt .paper-certificate-icon {background-position: -124px -194px;}
.uc-m-l-menu dl dt.open .my-train-icon {background-position: -77px -15px;}
.uc-m-l-menu dl dt.open .sys-set-icon {background-position: -73px -303px;}
.uc-m-l-menu dl dt.open .my-course-icon {background-position: -76px -53px;}
.uc-m-l-menu dl dt.open .open-course-icon {background-position: -66px -93px;}
.uc-m-l-menu dl dt.open .inter-ques-icon {background-position: -124px -95px;}
.uc-m-l-menu dl dt.open .history-icon {background-position: -75px -123px;}
.uc-m-l-menu dl dt.open .my-integrate-icon {background-position: -75px -159px;}
.uc-m-l-menu dl dt.open .examing-icon {background-position: -124px -214px;}
.uc-m-l-menu dl dt.open .live-cou-icon {background-position: -66px -253px;}
.uc-m-l-menu dl dt.open .learn-statis-icon {background-position: -66px -292px;}
.uc-m-l-menu dl dt.open .sys-message-icon {background-position: -124px -333px;}
.uc-m-l-menu dl dt.open .my-note-icon {background-position: -124px -372px;}
.uc-m-l-menu dl dt.open .paper-certificate-icon {background-position: -74px -194px;}
.uc-m-l-menu dl dt.open .my-activity-icon {background-position: -244px -60px;}
.uc-m-l-menu dl dt.open .library-icon {background-position: -182px -290px;}
.plan-attr-wrap ul li em.e-time-icon {background-position: -247px -174px }
.plan-attr-wrap ul li em.e-grade-icon {background-position: -247px -208px }
.plan-attr-wrap ul li em.e-cert-icon {background-position: -247px -244px }
.plan-attr-wrap ul li em {margin-right: 6px;}
/*userinfo modify style*/
.u-account-box { padding: 25px 0 0 60px;}
.integ-wrap span {font-size: 16px; color: #fff;display: block;padding-bottom: 5px;}
.integ-wrap p {text-align: center;font-size: 12px; color: #fff;}
.u-account-li li { margin-bottom: 30px;overflow: hidden;}
.u-account-li li * { vertical-align: middle;}
.u-a-title { display: inline-block; padding-right: 10px; text-align: right; width: 80px;}
.u-a-inpt, .u-account-li select,.u-a-txt input{ background: #fff none repeat scroll 0 0; border: 1px solid #ddd; color: #666; font-size: 14px; height: 32px;line-height: 36px; padding: 0 10px; width: 300px;}
.u-a-inpt:focus, .u-account-li select:focus,.u-a-txt input:focus { border-color: #ccc; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1) inset;}
.u-a-error { color: #ff8723; margin-left: 10px;}
.u-a-g-list {min-height: 264px; padding-bottom: 50px;}
.g-zl-wrap { margin: 30px 0 60px 30px;}
.g-zl-dl dl { clear: both; overflow: hidden; padding-bottom: 15px;}
.g-zl-dl dl dt { float: left; margin: 7px 15px 0 0;}
.g-zl-dl dl dt span { color: #666; font-size: 14px;}
.g-zl-dl dl dd input, .g-zl-dl dl dd select, .g-zl-dl dl dd textarea, .c-u-l-select, .dTextarea { background-color: #ffffff; border: 1px solid #cccccc;transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;}
.c-u-sett-box .g-zl-dl dl { border-bottom: 1px dotted #f2f2f2; padding: 8px 0 0;}
.c-u-sett-box .g-zl-dl dl dt { width: 80px;}
.g-zl-dl dl dd input, .g-zl-dl dl dd select, .g-zl-dl dl dd textarea, .c-u-l-select, .dTextarea, .u-center-email { border-radius: 4px; color: #555555; display: inline-block; font-family: "Microsoft YaHei"; font-size: 14px;height: 34px;line-height: 30px; margin-bottom: 10px; padding: 0 6px;vertical-align: middle; width: 85%;}
.g-zl-dl dl dd input:focus, .g-zl-dl dl dd select:focus, .g-zl-dl dl dd textarea:focus, .dTextarea:focus { border-color: rgba(82, 168, 236, 0.8); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 3px rgba(82, 168, 236, 0.6);outline: 0 none;}
.g-zl-dl dl dd textarea, .dTextarea {height: 80px;}
.u-user-btn {padding: 0 20px;height: 30px;line-height: 30px;font-size: 14px;margin-left: 90px;display: inline-block;}
.ava-btn a {width: 180px;}
.u-title-box {height: auto;background-color: #fcfcfc;padding: 10px;overflow: hidden;}
.u-title-box .js-tap li a {line-height: 20px; font-size: 14px;padding: 0 20px;border-right: 1px solid #ddd;}
.u-title-box .js-tap li.current a {line-height: 20px;color: #ff6600; font-weight: bold;border-top: none;background: none;}
.u-user-title {height: auto;padding: 10px 0;}
.u-user-title .js-tap li a {font-size: 0.82rem;}
.user-modify-box {padding: 20px;}
.user-modify-box a {color: #fff;background: #31a4ff;margin-left: 76px;line-height: 30px;height: 30px; display: inline-block;padding: 0 70px;font-size: 14px; border-radius: 3px;}
.user-modify-box a:hover {text-decoration: none;opacity: 0.9;-moz-opacity: 0.9;filter: alpha(opacity=90);}
.u-account-li .lh-reply-btn,.avator-box .lh-reply-btn {width: 140px; padding: 0;}
/*learning plan style*/
.learn-progress .lev-num-wrap {width: 100%;}
.u-lp-timebar .lev-num-bar {background-color: #ff6600;z-index: 9999;}
.u-lp-timebar {margin-top: 60px;margin-top: 46px;}
.c-left-box {position: absolute;left: -30px;top: -2px;}
.c-right-box {position: absolute;right: -46px;top: -2px;}
.u-lp-box {padding: 10px 0 10px;position: relative;}
.learn-progress {padding: 0 30px;}
.plan-info-box {padding: 0 5px;position: relative;}
.plan-info-box h3 {line-height: 32px;}
.plan-btn {position: absolute; right: 20px; top: 128px;}
.learn-pro-percent {position: absolute; left: 75%;top: -17px;margin-left: -38px;}
.plan-desc {padding: 23px 0 5px;}
.plan-desc .p-cou-box {width: 22%; height: 40px; text-align: center;line-height: 40px;border-radius: 3px; display: inline-block; background: #ff552c;}
.plan-desc .p-ques-box {background: #f23e2d;}
.plan-desc .p-exam-box {background: #ff6014;}
.learn-pro-percent .DT-arrow {z-index: 9999;}
.learn-pro-percent .DT-arrow em {color: #ddd;}
.learn-pro-percent .DT-arrow span {color: #fff;}
.p-cou-menu {padding: 8px 20px; line-height: 24px;border: 1px solid #e0e0e0;border-top: none;border-left: 2px solid #31a4ff;background: #f9f9f9;}
.p-cou-menu .p-cou-name {position: relative;padding: 0 30px;}
.p-cou-menu .p-cou-name .p-type-icon {position: absolute;left: 0; top: 1px;}
.p-cou-menu .p-cou-name .p-down-arrow {position: absolute; right: 0; top: 2px;}
.p-exam-wrap .p-test-tr li {text-align: center;}
.p-exam-wrap .p-test-tr li span.c-master {color: #31a4ff;}
.p-exam-wrap .p-test-tr li span,.p-ques-wrap .p-test-tr li span {padding: 7px 10px;}
.p-exam-wrap .p-test-tr li.p-test-op .report-check,.p-ques-wrap .p-test-tr li.p-test-op .report-check,.questionair-list .p-test-tr li.p-test-op .report-check,.phone-p-tbox .report-check{color: #4cb423;border-color: #4cb423;}
.p-exam-wrap .p-test-tr li.p-test-title {text-align: left;}
.p-exam-wrap .p-test-tr li.p-test-op {text-align: right;}
.p-exam-wrap .p-test-tr,.p-ques-wrap .p-test-tr {padding: 0 5px 0 14px;border-bottom: 1px solid #efefef;}
.p-exam-wrap .p-test-tr:nth-last-child(1),.p-ques-wrap .p-test-tr:nth-last-child(1) {border-bottom: 1px dashed #eee;}
.p-material-box .p-test-tr li.p-test-title {width: 50%; }
.p-material-box .p-test-tr li.p-test-title span {padding-left: 35px;position: relative;display: block;}
.view-icon,.download-icon {width: 23px; height: 18px; display: inline-block; vertical-align: middle;}
.plan-intro {font-size: 14px; color: #333; line-height: 28px;padding: 15px 0; }
.material-icon {position: absolute; left: 0; top: 14px;}
.p-material-box .p-test-tr li {width: 25%;}
.lt-ie9.lt-ie8 .p-material-box .p-test-tr li.p-test-op span a {margin-top: 9px;}
.p-ques-wrap .p-test-tr .p-test-title {width: 60%;text-align: left;}
.p-ques-wrap .p-test-tr .p-test-op {width: 40%;text-align: right;}
.p-l-wrap .p-l-module {display: none;}
.p-cou-wrap .uc-last-learn .uc-last-pic {padding-left: 0;float: left;position: static;}
.p-cou-wrap .uc-last-learn li {padding: 20px 12px; border-bottom: 1px solid #e0e0e0;}
.p-cou-wrap .uc-last-learn li .u-f-c-more {right: 15px; top: 45px;}
.sign-in {width: 60px; height: 60px;text-align: center;display: inline-block;border: 1px solid #ff6600;position: absolute;border-radius: 50%; right: 25px; top: 20px;}
.sign-in em {width: 32px; height: 32px; display: inline-block;vertical-align: middle;margin-top: 14px;}
.lev-num-dot {width: 14px; height: 14px;position: absolute;top: -9px;z-index: 99; border: 7px solid #ffc799;background: #ff6600;border-radius: 50%; overflow: hidden;}
.learn-pro-percent .fn-sub-wrap {width: 50px;line-height: 24px;height: 24px;left: -12px; top: -25px;padding: 0;border-radius: 3px;background-color: #fff;color: #ff6600;box-shadow: none;}
.bm-l-keep {width: 140px; height: 36px;display: inline-block;background-color: #ff6600;margin-bottom: 15px;}
.p-hk-wrap .p-test-th li,.p-hk-wrap .p-test-tr li,.p-hk-wrap .p-test-tr .p-test-op {width: 30%;}
.p-hk-wrap .p-test-th li.p-test-title,.p-hk-wrap .p-test-tr li.p-test-title {width: 40%;}
.p-not-finish {position: relative;}
.c-learn-body span {width: 54px;}
.p-not-finish img {opacity: 0.6;-moz-opacity: 0.6;filter:alpha(opacity=60);border: 1px solid #ff6600;}
.c-learn-body span {margin: 7px 10px 0 0;}
.c-learn-body span .not-fin-chapter img {width: 38px; height: 19px;border: none;}
.c-learn-body span .not-fin-chapter {position: absolute;left: 7px;top: 18px;}
.c-learn-plan .chap-seclist ul li .c-blue-dot tt,.c-learn-plan .chap-seclist ul li.current .c-blue-dot tt{border: 1px solid #ccc;background-color: #fff;}
.c-learn-plan .c-blue-dot tt {width: 6px; height: 6px;}
.c-learn-plan .c-white-box {bottom: -2px;}
.c-learn-plan .chap-seclist ul li .c-p-wrap {padding: 0 83px 0 60px}
.c-learn-plan .c-cou-type {position: absolute; left: 22px; top: 10px;}
.c-learn-plan .p-l-continue {width: 70px; height: 22px; line-height: 22px;background-color: #ff6600;border-radius: 3px;color: #fff; font-size: 12px;text-align: center;}
.c-learn-plan .p-c-finish {background-color: #d9d9d9;cursor: default;}
.c-learn-plan .chapter-name {border-bottom: 2px solid #abc7e2; padding: 0 108px 0 20px;position: relative;}
.p-l-a-box {position: absolute; right: 11px;top: 9px;}
.p-learn-again {width: 80px;height: 26px;line-height: 20px;overflow: hidden; background-color: #5689b9;display: block; border-radius: 3px;}
.p-learn-again:hover {text-decoration: none;}
.p-learn-again:hover font {background: #5e96ca;}
.p-learn-again font {color: #fff; text-align: center;cursor: pointer;font-size: 12px; background-color: #6c9cca;display: inline-block;height: 24px; width: 80px;line-height: 24px;}
.lt-ie9.lt-ie8 .c-learn-plan .c-white-box {bottom: -7px;}
.u-homework-box .c-hk-learn {width: 70px; height: 26px; background-color: #f3f1f1;transition: 0.3s;-webkit-transition: 0.3s;border-radius: 3px;display: inline-block;color: #666;}
.u-homework-box .c-hk-learn:hover {background-color: #eb4c2c;color: #fff;text-decoration: none;}
.u-homework-box .c-hk-look {width: 70px; height: 26px; background-color: #f3f1f1;transition: 0.3s;-webkit-transition: 0.3s;border-radius: 3px;display: inline-block;color: #666;}
.u-homework-box .c-hk-look:hover {background-color: #14BA4C;color: #fff;text-decoration: none;}
.u-homework-box .c-hk-fin {color: #999;}
.u-homework-box .c-hk-fin:hover {text-decoration: none;}
.exam-condition {overflow: hidden;}
.u-box {background: #fff; padding: 12px 20px;border-radius: 7px;box-shadow: 0 0 15px rgba(96,129,221,0.06);-moz-box-shadow: 0 0 15px rgba(96,129,221,0.06);-webkit-box-shadow: 0 0 15px rgba(96,129,221,0.06);}
.uc-m-top .col-50:first-child {width: 50%; float: left;box-sizing: border-box;padding-right: 20px;}
.uc-m-top .col-50:last-child {width: 50%; float: right;box-sizing: border-box;padding-left: 20px;}
.uc-m-top .col-50:only-child {width: 100%;float:none;padding: 0;}
    /*uc course style*/
.uc-cou-box {margin-left: -20px;}
.uc-cou-box li .cc-l-wrap {border: none;margin: 0 0 18px 18px;box-shadow: 0 0 15px rgba(96,129,221,0.1);webkit-box-shadow: 0 0 15px rgba(96,129,221,0.1);-o-box-shadow: 0 0 15px rgba(96,129,221,0.1);background: #fff;border-radius: 7px;}
.uc-cou-box li .cc-l-wrap .course-img img {height: 167px;}
.uc-cou-box .j-course-title {font-size: 16px;}
.u-play-btn {position: absolute;cursor: pointer; left: 50%; top: 50%;width: 58px; height: 58px; margin: -29px 0 0 -29px;display: inline-block;}
.u-play-btn:hover,.integ-wrap a:hover,.atachment-link:hover {text-decoration: none; opacity: 0.9;-moz-opacity: 0.9;filter: alpha(opacity=90); }
.uc-cou-box .time-box { position: absolute; left: 15px; right: 15px; bottom: 4px;}
.uc-cou-box .lev-num-bar {background: #fff;}
.uc-cou-box .lev-num-wrap {background: #bbb;width: 100%;}
.uc-cou-box .timebar-desc {position: absolute; right: 15px; bottom: 25px;}
.u-replay {background-position: -268px -325px;}
.uc-cou-wrap {padding-bottom: 0;}
/*course card style*/
.p-cou-card-pad {padding: 0 15px 0 20px;}
.tab-integral th {  background: #f8f8f8 none repeat scroll 0 0;border: 1px solid #ddd; color: #333; font-weight: normal;padding: 8px;}
.tab-integral td { border: 1px solid #ddd;color: #666;padding: 12px 10px; vertical-align: middle;}
.u-c-card.tab-integral td { padding: 12px 5px;}
.jihu-btn { border-radius: 3px; color: #fff;background-color: #e6532a; display: inline-block; font: 15px/24px "Hiragino Sans GB","Microsoft YaHei","΢���ź�";height: 24px;padding: 2px 25px;}
.jihu-btn:hover { background-color: #d84d26; text-decoration: none;}
.line1 {border-top: 1px dashed #e5e5e5;}
.m-card-table {display: none;}
.yk-DT-arrowem {color: #ddd;}
.yk-DT-arrow span {color: #fff;margin-top: -16px;}
.cou-arrow-down,.cou-arrow-up { width: 10px;height: 6px; display: inline-block; vertical-align: middle;margin-left: 8px;}
.c-card-more { width: 288px; background-color: #fff; text-align: left;border: 1px solid #ddd;position: relative;}
.c-c-more-cleft {float: left;width: 22%;}
.c-c-more-cright {float: left;width: 78%;}
.c-card-more ul {padding: 5px;line-height: 20px;}
.c-csrd-m-wrap {position: absolute;left: 0; top: 42px;z-index: 93;}
.uc-com-title {height: 50px;background-color: #fff;border-bottom: 1px solid #eee;}
.uc-c-table-col-2.uc-test li span {color: #666;}
.uc-com-title a {cursor: pointer;}
.uc-com-title span,.uc-com-title a {line-height: 50px;cursor: pointer;font-size: 16px;color: #333;margin-left: 20px; display: inline-block;padding: 0 5px; border-bottom: 2px solid #ff6600;}
.uc-com-title span.not-curr,.uc-com-title a.not-curr {border-bottom: none;}
.uc-com-title a:hover {text-decoration: none;  opacity:0.9;-webkit-opacity: 0.9; -moz-opacity: 0.9; filter: alpha(opacity=90);}
/*ucenter favorite course style*/
.u-f-c-list li {min-height: 90px;padding: 0 241px 20px 202px}
.u-f-c-more {position: absolute;right: 5px; top: 30px;}
.u-f-c-more a,.plan-btn a,.sign-in-btn {background: #fff;padding: 0 20px;display: inline-block;color: #31a4ff;line-height: 28px; height: 28px;border-radius: 3px;font-size: 14px;border: 1px solid #31a4ff;}
.plan-btn a {padding: 0 12px;}
.u-f-c-more span.live-notyet {background: #e6e6e6;color: #a7a7a7;border-radius: 3px;padding: 0 14px;font-size: 14px;display: inline-block;line-height: 26px;height: 26px;}
.u-mf-btn {display: inline-block;font-size: 14px;padding: 3px 8px;}
.u-mf-btn:hover {text-decoration: none;color: #31a4ff;}
.u-f-c-more a:hover,.u-exam-btn a:hover,.uc-c-title a:hover,.plan-btn a:hover {text-decoration: none;opacity: 0.9; -moz-opacity: 0.9; -webkit-opacity: 0.9; filter: alpha(opacity=90);}
.u-f-wrap {left: 0;position: absolute;text-align: center;top: 0;}
.u-f-wrap input {position: absolute; left: 0px; top: 50%;margin-top: -6px;}
.u-f-box {position: relative;padding-left: 30px;}
.u-f-pic {border: 1px solid #d9d9d9;display: block;height: 84px;cursor: pointer;padding: 2px; transition: 0.3s;-webkit-transition: 0.3s;width: 150px;}
.u-f-pic img {width: 100%; height: 100%;}
.uc-last-learn li {margin-bottom: 0; border-bottom: 0;min-height: 84px;padding: 0 241px 0 174px;}
.uc-remain-box .col-50 {background: #fff; width: 49%;float: left;}
.uc-remain-box .right-box {margin-left: 2%;}
.plan-box {padding: 10px 20px;}
/*ucenter live course style*/
.u-live-wrap li {padding: 18px 135px 12px 230px; background: #fff;margin-bottom: 10px;position: relative;min-height: 132px;}
.u-live-wrap li .u-l-pic {position: absolute; top: 15px; left: 1px;width: 200px; height: 111px;padding: 5px;border: 1px solid #e8e8e8;}
.u-live-wrap li .u-l-pic img,.u-live-wrap li .u-l-pic .u-f-pic {width: 200px; height: 111px;}
.u-live-wrap li .u-l-pic .u-f-pic {position: relative;}
.u-live-wrap li .u-f-c-more {right: 20px; top: 50%;margin-top: -17px;}
.u-live-wrap li .u-l-pic .u-l-play {width: 40px; height: 39px;position: absolute; left: 50%; top: 50%;margin: -20px 0 0 -20px;}
.i-live-time tt {width: 33px; height: 29px; text-align: center;background-position: -172px -349px;display: inline-block;font-family: "SimHei"; font-size: 18px; color: #31a4ff;}

.p-sign-box {margin-top: 20px;border-left: 1px solid #f0f0f0;border-right: 1px solid #f0f0f0;}
.p-sign-box ul {border-bottom: 1px solid #f0f0f0;}
.p-sign-box .p-test-th li,.p-sign-box .p-test-tr li {line-height: 100%;width: 33.3%;}
/*ucenter my note style*/
.s-record-wrap {  border-left: 2px solid #eeeff1;  margin: 0 90px 0 137px;  padding: 7px 0 0 46px;  position: relative;  }
.s-r-year {  height: 56px;  left: -83px;  position: absolute;  text-indent: 12px;  top: -12px;  width: 96px;  }
.s-r-year big {font: 20px/59px "Microsoft YaHei";color: #ff6600;}
.s-r-year small {font: 14px/29px "Microsoft YaHei";color: #ff6600;}
.s-record {background: #fcfcfc none repeat scroll 0 0; border: 1px solid #e5e5e5;  padding: 10px; position: relative; width: 100%;}
.s-r-sj {  height: 49px;display: none;  left: -11px;  margin-top: -25px;  position: absolute;  top: 50%;  width: 10px;  }
.s-r-c-time {  height: 56px;  left: -184px;  min-width: 60px;  position: absolute;  text-align: right;  top: 51px;  }
.lt-ie9.lt-ie8 .s-r-c-time,.lt-ie9 .s-r-c-time {left: -172px;}
.s-r-c-time span {  color: #ff6600;  font-size: 14px;  line-height: 55px;  margin: 0 30px 0 8px;  }
.s-r-c-t {width: 6px; height: 6px; display: inline-block;border-radius: 50%;background-color: #ff4800;border: 5px solid #c9e5fb;}
.s-r-c-title { line-height: 30px; padding-bottom: 6px;}
.study-list-item,.sign-in {transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;cursor: pointer;}
.study-list-item:hover .s-r-sj {display: block;}
.study-list-item:hover .s-record {border-left: 1px solid #edbda0;background: #f8f8f8;}
.s-r-c-title a {font-size: 16px;}
.s-r-c-title a:hover,.sign-in:hover {text-decoration: none; opacity: 0.9; -moz-opacity: 0.9;filter: alpha(opacity=90)}
.s-r-c-desc p {line-height: 180%;color: #999;font-size: 14px;}
.s-r-c-box .s-r-c-desc {height: 56px;}
.pagination-large {padding: 5px 0;background-color: #fafafa;}
/*ucenter study history  style*/
.s-r-c-img img {background: #fff;border: 1px solid #f2f2f2;display: block;height: 120px; margin-right: 12px; overflow: hidden; padding: 2px; width: 216px;}
.s-r-y-box {margin: 32px 0 20px;padding: 5px 0;}
.s-r-top {position: absolute; left: -20px; top: 0; height: 30px; background: #fff;width: 100%;}
/*ucenter live course style*/
.u-live-cou li {padding: 0 102px 20px 172px;}
.u-live-cou .u-f-c-more {right: 0;}
.my-cou-check .my-cou-time {display: none;}
/*ucenter course answer style*/
.u-cou-reply-list dd {margin-bottom: 10px;}
/*.my-cou-check a,.u-f-c-more a {display: inline-block;padding: 3px 16px;border-radius: 3px;background-color: #3580de;color: #fff;font-size: 12px;}
.my-cou-check a:hover,.u-f-c-more a:hover {text-decoration: none;opacity: 0.9;-webkit-opacity: 0.9; -moz-opacity: 0.9;filter: alpha(opacity=90);color: #fff;}*/
.tab-question-list th { border-bottom: 1px solid #ddd; color: #4e4e4e;padding: 8px 10px; background-color: #f0f0f0; background-position: -200px -74px;}
.tab-question-list td { border-bottom: 1px solid #ddd;color: #666;padding: 12px 10px;}
.tab-question-list td a {color: #2c76c0;}
/*uSysNews*/
.u-sys-news dl {border-bottom: 1px dotted #ddd;padding-bottom: 13px;margin-top: 13px;overflow: hidden;clear: both;}
.u-sys-news dl dt {border-right: 3px solid #f2f2f2;float: left;width: 100px;margin-right: 20px;padding-right: 20px;height: 100px;}
.c-sys-btn {border: 1px solid #31a4ff;color: #31a4ff;display: inline-block;padding: 0 12px;height: 18px;border-radius: 16px; text-align: center;line-height: 18px; font-size: 12px;}
.accout-table th {padding: 6px 5px;}
.c-recharge {margin-left: 20px;}
.p-ml20 {margin-left: 20px;}
.u-acc-box {margin-left: 20px;}
.u-sys-link a {color: #5198db;}

/*ucenter order info*/
.u-add-list { background: #fff none repeat scroll 0 0; border: 1px solid #e2e2e2; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1) inset; padding: 15px 30px;}
.u-add-list li { border-bottom: 1px solid #e2e2e2; color: #666; height: 20px; line-height: 20px; padding: 10px 0; position: relative;}
.u-add-list li.current { color: #ff4800;}
.u-order-infor-wrap-1 li { height: auto;}
.u-order-infor-wrap-1 ol li span {  margin: 0 1%; width: 47%;}
.u-pageBar { background: #f8f8f8 none repeat scroll 0 0;padding: 5px 10px;}
.order-top-pagebar { background: #f8f8f8;  border: 1px solid #dfdfdf; padding: 5px 15px;}
/*ucenter order manage*/
.u-order-table {width: 100%;}
.u-order-table th { background: #f8f8f8; font-weight: normal; text-align: left;}
.u-order-img img { background: #fff none repeat scroll 0 0; border: 1px solid #ddd; display: block;height: 57px; margin-right: 8px; padding: 2px; width: 75px;}
.u-order-desc {height: 36px;line-height: 160%; overflow: hidden;}
.u-order-table th, .u-order-table td { border: 1px solid #dfdfdf;padding: 8px 15px; vertical-align: middle;}
.u-ol-pic { display: block; float: left; margin-right: 15px; width: 120px;}
.phone-order-list {display: none;}
/*ucenter address list*/
.address-attr { position: absolute; right: 0; top: 10px;}
.address-attr a {color: #666;}
.address-attr a:hover, .u-r-collect li h6 a:hover { color: #db0e0f; text-decoration: none;}
.u-add-list li input {margin: 0;}
.u-address-set, .u-address-delete { cursor: pointer;display: inline-block;margin: 0 5px; vertical-align: middle;}
.addRessInpt ul li label { display: inline-block; width: 88px;}
.addRessInpt ul li input.lTxt, .addRessInpt ul li select { background: #fff none repeat scroll 0 0;}
.addRessInpt ul li input.lTxt { border: 1px solid #bbb;border-radius: 3px; color: #666; height: 30px; line-height: 30px; padding: 0 10px; width: 248px;}
.addRessInpt ul li select { border: 1px solid #bbb; border-radius: 3px; color: #333; margin-right: 10px;padding: 5px 10px;}
.u-a-set-btn { border: 1px solid #c9c9c9; border-radius: 3px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); display: inline-block; height: 24px; padding: 2px 8px;}
.u-a-set-btn input { background: #fff;border: none;cursor: pointer; color: #4e4e4e; font: bold 15px/24px "Microsoft YaHei"; height: 24px;}
.u-a-set-btn:hover { box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);}
.p-20-15 {padding: 0 15px 0 20px;}
/*ucenter integration exchange*/
.inte-l-img img { border: 1px solid #ddd;display: block;height: auto; width: 100%;}
.brow-btn {padding: 0 20px;color: #fff;background-color: #ff6600;display: inline-block;border-radius: 3px;height: 26px; line-height: 26px;}
.integral-list ul li { float: left;width: 25%;}
.integral-list ul li .u-r-wrap {margin: 15px 0 15px 25px;}
.integral-list ul.uc-integral-box { margin-left: -25px;}
.integral-icon {background-position: -288px -176px;}
/*ucenter recharge order*/
.u-m-sub-head {background: #f1f1f1 none repeat scroll 0 0;height: 26px;line-height: 26px;padding: 5px 10px;}
.u-m-sub-head li { float: left;width: 25%;}
.u-m-sub-head li a {color: #666;display: block;float: left; font: 15px/26px "Microsoft YaHei"; padding: 0 20px;}
.u-m-sub-head li.current a {color: #ff4800; cursor: text; font-weight: bold;}
.u-m-sub-head li a:hover { color: #ff4800; text-decoration: none;}
.u-m-sub-head li span {display: block;border-right: 1px solid #ddd;color: #333;}
/*third part binding*/
.u-m-c-wrap .Binding { margin: 30px auto 80px; width: 540px;}
.u-m-c-wrap .Binding-list {  margin-top: 60px;}
.u-m-c-wrap .Binding-list li { float: left; text-align: center; width: 33.3%;}
.u-m-c-wrap .Binding-list li span { display: inline-block; height: 65px; width: 65px;}
.u-m-c-wrap .Binding-list li .ljbd-btn { background-color: #3ab94e; color: #fff; display: inline-block; font: 14px/32px "Microsoft YaHei";height: 32px; text-align: center; text-decoration: none;width: 100px;}
//.u-m-c-wrap .Binding-list .Binding-qq span { background: url("../../../static/image/bd-qq.png") no-repeat scroll center center;}
//.u-m-c-wrap .Binding-list .Binding-xl span { background: url("../../../static/image/bd-xl.png") no-repeat scroll center center;}
//.u-m-c-wrap .Binding-list .Binding-wx span { background: url("../../../static/image/bd-wx.png") no-repeat scroll center center;}
//.u-m-c-wrap .Binding-list .Binding-qq .current span { background: url("../../../static/image/bd-qq-xz.png") no-repeat scroll center center;}
//.u-m-c-wrap .Binding-list .Binding-xl .current span { background: url("../../../static/image/bd-xl-xz.png") no-repeat scroll center center;}
//.u-m-c-wrap .Binding-list .Binding-wx .current span { background: url("../../../static/image/bd-wx-xz.png") no-repeat scroll center center;}
.u-m-c-wrap .Binding-list .Binding-qq .current p {  color: #38a9d3;}
.u-m-c-wrap .Binding-list .Binding-xl .current p { color: #d0351f;}
.u-m-c-wrap .Binding-list .Binding-wx .current p { color: #169838;}
.u-m-c-wrap .Binding-list .current .ljbd-btn { background-color: #99a0a6;color: #fff;}
.ml2 {margin-left: 2px;}
.mr2 {margin-right: 2px;}
/*ucenter myquestion*/
.g-zl-th {background: #f2f2f2 ; border: 1px solid #e2e2e2; height: 34px; line-height: 34px;}
.g-zl-td { border-bottom: 1px dotted #f2f2f2;}
.g-zl-th li, .g-zl-td li {float: left;overflow: hidden;}
.th-td-pl10 { padding-left: 10px;}
.t-q-pic:hover {text-decoration: none;}
.t-q-pic:hover span {color: #ff6600 !important;}
.my-topic-t-ellip { display: inline-block; overflow: hidden;text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; width: 94%;}
.g-zl-tbody ol { clear: both; overflow: hidden;}
.g-zl-th.th-col3-4 li { padding: 0; width: 11%;}
.g-zl-td.td-col3-4 li { height: 34px;line-height: 34px; overflow: hidden; padding: 10px 0; text-overflow: ellipsis;white-space: nowrap; width: 11%;}
.lt-ie9.lt-ie8 .td-col3-4.g-zl-td li {width: 10.98%;}
.g-zl-th.th-col3-4 li span, .g-zl-th.th-col4 li span { color: #333;font-size: 14px;}
.g-zl-td.td-col3-4 li span, .td-cz-btn a, .g-zl-td.td-col4 li span, .g-zl-ttle a { color: #666; font-size: 12px;}
.g-zl-tbody ol:nth-child(2n+1) li { background: #f6f6f6 none repeat scroll 0 0;}
.phone-u-question {display: none;}
/*ucenter mygift style*/
.u-collect-list li { border-bottom: 1px solid #ddd;overflow: hidden; padding: 25px 0;}
.u-c-img{ border: 1px solid #e2e2e2; display: block; margin-right: 15px;  width: 154px;}
.gift-cre-time,.inte-amout {font-size: 12px; color: #666;font-family: "Microsoft YaHei"}
.u-c-img img {display: block;height: auto;margin-right: 15px;width: 154px;}
.u-c-list-desc {line-height: 20px; height: 42px; overflow: hidden;}
.sys-manage {color: #058cd5;font-family: "Microsoft YaHei"}
/*ucenter myquestionair style*/
.u-my-qnair {margin-left: -30px;}
.u-my-qnair li {width: 50%;float: left;}
.u-my-qnair li .u-m-q-wrap {margin: 0 0 30px 30px;border: 5px solid #f1f1f1;background-color: #fff;}
.u-my-qnair li .u-m-q-wrap .u-m-q-top {padding: 15px 15px 25px;}
.u-my-qnair li .u-m-q-wrap .u-m-q-top .u-m-q-desc {font-size: 12px; color: #666;line-height: 26px; font-family: "Microsoft YaHei";margin-top: 10px;}
.u-my-qnair li .u-m-q-wrap .u-m-q-top .u-m-q-attr span {color: #5198db;font-size: 14px;line-height: 20px;}
.u-my-qnair li .u-m-q-wrap .u-m-q-bot {border-top: 1px solid #e6e6e6;background-color: #f5f5f5;}
.u-my-qnair li .u-m-q-wrap .u-m-q-bot .w50pre {width: 50%;float: left;}
.u-my-qnair li .u-m-q-wrap .u-m-q-bot .w50pre a {padding: 15px;display: block;text-align: center;color: #666;font-size: 14px;}
.u-my-qnair li .u-m-q-wrap .u-m-q-bot .w50pre a:hover {text-decoration: none;background: #5198db;color: #fff;}
.u-my-qnair li .u-m-q-wrap .u-m-q-bot .w50pre a.b-right-line {border-right: 1px solid #e6e6e6;}
.job-belong span {font-size: 16px;}
.u-welcome .fsize14 {font-size: 16px;}
/*我的任务*/
.u-notice-wrap {height: 120px;}
.u-notice-list li {position: relative; background-position: 0px 9px;padding: 6px 0 6px 22px;line-height: 28px;margin-bottom: 0;}
.u-notice-list li a {font-size: 14px;color: #4c545c;}
.u-plan-notice li {padding-right: 169px;}
.u-notice-list li a:hover {text-decoration: none; color: #31a4ff;}
.e-s-mod2 h3 a:hover {text-decoration: none; color: #fff;}
.u-notice-list li:hover {background-position: 0px -240px;}
.u-notice-list li p {line-height: 22px;color: #b3b7ba; font-size: 12px;display: none;}
.e-s-name a {color: #fff;font-size: 20px;}
.remain-day-box {color: #fff; font-size: 12px;margin-top: 13px;margin-left: -13px;}
.remain-day-box span {font-size: 26px;line-height: 36px;}
.u-notice-list li span,.u-seminar-list li .u-sign-btn {position: absolute; right: 0; top: 5px;font-size: 12px; color: #bbb;}
.u-seminar-list li {padding-right: 160px;}
.u-seminar-list li .u-sign-btn {top: 3px;}
.u-seminar-list li .u-sign-btn {width: 60px; height: 24px; display: inline-block; border-radius: 20px;text-align: center;line-height: 24px; border: 1px solid #31a4ff; color: #31a4ff;font-size: 14px;}
.u-seminar-list li span {vertical-align: middle;font-size: 12px;color: #bbb;margin-left: 20px;font-family: "Microsoft YaHei";}
.u-seminar-list li a {vertical-align: middle;display: block;vertical-align: middle;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
//.u-header-title a.u-h-more .dot-icon {width: 23px; height:4px;display: inline-block;background: url("../../../static/image/more-icon.png") no-repeat 0 0;}
/*------ucenter exam style start-------*/
.exam-condition li {width: 20%; float: left;}
.uc-exam-wrap li {width: 25%;}
.exam-condition li .e-c-box {margin: 0 0 13px 13px;background: #fff;display: block;padding: 12px 10px;box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.01);-moz-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.01);-webkit-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.01);}
//.e-c-box .e-c-pic {width: 50px; height: 50px;margin-right: 15px;float: left;display: inline-block;background: url("../../../static/image/exam-bg.png") no-repeat 0 0;}
.e-c-bg1 .e-c-pic {background-position: -5px -17px;}
.e-c-bg2 .e-c-pic {background-position: -5px -96px;}
.e-c-bg3 .e-c-pic {background-position: -5px -176px;}
.e-c-bg4 .e-c-pic {background-position: -5px -255px;}
.e-c-bg5 .e-c-pic {background-position: -5px -334px;}
.uc-home .e-c-bg1 .e-c-pic {background-position: -5px -412px;}
.uc-home .e-c-bg2 .e-c-pic {background-position: -5px -501px;}
.uc-home .e-c-bg3 .e-c-pic {background-position: -5px -590px;}
.uc-home .e-c-bg4 .e-c-pic {background-position: -5px -678px;}
.uc-home .e-c-bg5 .e-c-pic {background-position: -5px -767px;}
.uc-home .e-c-bg7 .e-c-pic {background-position: -5px -96px;}
.uc-home li .e-c-box {transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;cursor: pointer;}
.uc-home li .e-c-box:hover {text-decoration: none; opacity: 0.9;-moz-opacity: 0.9;filter: alpha(opacity=90);}
.exam-enter {font-size: 16px; color: #333; padding: 2px 20px;margin-right: 25px; border: 1px solid transparent; line-height: 28px;display: inline-block;border-radius: 25px;}
.exam-enter,.sure-btn {transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;}
.u-header-title a.u-h-more {font-size: 12px; color: #858994;float: right;margin-right: 0;padding-bottom: 0;}
.exam-enter:hover,.sure-btn:hover,.u-seminar-list li .u-sign-btn:hover {text-decoration: none; opacity: 0.9;-moz-opacity: 0.9;filter: alpha(opacity=90);}
.u-header-title .h-r-login li a {font-size: 12px; color: #666; margin-right: 0;line-height: 36px;font-family: "Microsoft YaHei"}
.u-header-title .downmenu .fn-sub-wrap {right: 0; top: 1px;width: auto;padding: 0 10px;}
.u-header-title .downmenu .DT-arrow {margin-left: -18px;}
.h-r-box {position: absolute; right: -10px; top: 41px;width: 70px;}
.u-login-menu {position: absolute; left: 0; top: 12px;}
#h-r-text {position: relative; padding-left: 28px;}

.exam-enter {border: 1px solid #31a4ff;border-radius: 4px;font-size: 14px; color: #31a4ff;padding: 0 12px;margin-right: 0;}
.p-exam-wrap .p-test-tr li.p-test-op .exam-enter {width: 56px; text-align: center;}
.exam-condition {margin-left: -13px;}
.exam-com-title {margin: 46px 0;position: relative;clear: both;}
.e-c-line {width: 100%; height: 2px; background: #e5e5e5;}
.e-c-title {position: absolute;left: 0; top: -15px;line-height: 30px;padding-right: 20px;font-size: 24px; font-family: "Microsoft YaHei";color: #333;background: #fafafa;}
.res-num {font-size: 24px; font-family: "Arial";color: #333;}
.res-name {font-size: 14px; line-height: 30px; font-family: "Microsoft YaHei";color: #666;}
.uc-home .res-name {font-size: 12px;line-height: 26px;}
.paper-testbox { overflow: hidden;padding: 0 10px;}
.p-test-th {border-top: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0;background: #f9f9f9;}
.p-test-th li span {font-size: 16px;color: #333; font-weight: bold;line-height: 30px;padding: 10px;display: inline-block;}
.p-test-th li,.p-test-tr li {width: 22%;float: left;text-align: center;}
.p-test-th li.p-test-op,.p-test-tr li.p-test-op {width: 24%;}
.p-test-tr li span  {font-size: 14px; line-height: 36px; padding: 10px;display: block;}
.p-test-th li.p-test-title,.p-test-tr li.p-test-title {width: 32%;}
.p-sign-box .p-test-th li.p-test-title,.p-sign-box .p-test-tr li.p-test-title {width: 38%;}
.p-sign-box .p-test-th li.p-test-op,.p-sign-box .p-test-tr li.p-test-op {width: 28%;}
.u-box .paging {padding: 20px 0;font-family: "Microsoft YaHei"}
.page-jump {letter-spacing: 2px;}
.Inpt {width: 26px; padding: 0 5px;height: 22px; border: 1px solid #dbdbdb;background: #fff;margin: 0 2px;box-shadow: 1px 1px 0 rgba(0,0,0,0.03);}
.paging a.sure-btn {width: 50px; height: 22px; font-size: 12px;margin: 0 2px; border: 1px solid #dbdbdb;text-align: center;display: inline-block;line-height: 20px;color: #666;border-radius: 0; background: #fff;box-shadow: 1px 1px 0 rgba(0,0,0,0.03);}
.questionair-list .p-test-th li.p-test-title,.questionair-list .p-test-tr li.p-test-title {width: 40%;text-align: center;}
.questionair-list .p-test-th li.p-test-op,.questionair-list .p-test-tr li.p-test-op,.questionair-list .p-test-th li,.questionair-list .p-test-tr li {width: 30%;}
.lt-ie9.lt-ie8 .questionair-list .p-test-th li.p-test-op,.lt-ie9 .questionair-list .p-test-tr li.p-test-op {width: 29.8%;}
.questionair-list  .p-test-tr li a.p-t-operation {margin-top: 0;color: #31a4ff;}
.p-t-operation {cursor: pointer; margin-left: 5px;display: inline-block;vertical-align: middle;font-size: 14px;line-height: 36px;margin-top: 10px;}
.phone-p-tbox {display: none;}
.c-csrd-m-wrap {position: absolute;left: 0; top: 52px;z-index: 93;}
.c-card-more { width: 288px; background-color: #fff;border-radius: 3px; text-align: left;border: 1px solid #ddd;position: relative;}
.c-c-more-cleft {float: left;width: 26%;text-align: right;color: #666;}
.c-c-more-cright {float: left;width: 70%;text-align: left;color: #666;}
.c-card-more ul {padding: 7px 7px 0;line-height: 20px;min-height: 83px;}
.yk-DT-arrow {position: absolute; cursor: default; width: 12px;left: 102px; top: -7px;}
.yk-DT-arrow * {cursor: default;display: block;color: #ddd;font-size: 12px;font-family: 'SimSun';height: 18px;line-height: 1.231;overflow: hidden;font-style: normal;font-weight: normal;}
.yk-DT-arrowem {color: #ddd;}
.p-test-tr li .yk-DT-arrow span {color: #fff;margin-top: -37px;margin-left: -11px;}
.no-data-link {color:#31a4ff;}
.uc-c-title .c-more {color: #666; font-size: 14px;margin-right: 15px;line-height: 26px;}
.exam-mission {margin-left: -15px;}
.exam-mission li {float: left; width: 25%;}
.exam-mission li .e-m-wrap {margin: 15px 0 0 15px;background-color: #fff;border: 1px solid #e5e5e5;padding: 15px 10px;}
.e-m-wrap .e-m-top {border-bottom: 1px solid #e5e5e5;padding-bottom: 10px;}
.e-m-enter {background: #fff;border-radius: 3px;text-align: center;display: inline-block;color: #31a4ff;border: 1px solid #31a4ff; width: 100px; height: 28px; line-height: 28px;font-size: 14px;}
.e-m-enter:hover,.p-t-operation:hover,.study-hd a:hover,.s-continute-btn:hover {text-decoration: none;  opacity:0.9;-moz-opacity: 0.9; -webkit-opacity: 0.9;filter: alpha(opacity=90);}
.e-m-bot {padding: 10px 0 0;overflow: hidden;}
.p-test-trbox ul {overflow: hidden;border-bottom: 1px solid #f2f2f2;}
.u-account-box {background: #fff;min-height: 310px;}
.lt-ie9.lt-ie8 .u-account-box {min-height: 381px;}
.c-learn-plan .play-online-btn {right: 98px;}
.c-learn-plan .chap-seclist ul li .libr-wrap {padding: 0 182px 0 60px;}
.p-test-th li span,.p-test-tr li span {padding: 6px 5px;}
.p-test-tr li span a.ope-forbid {font-size: 14px;border: 1px solid #ddd; color: #999;padding: 0 18px;background: #eee;cursor: default;}
.p-test-tr li span a.ope-forbid:hover {opacity: 1;}
.p-test-tr li span a.ans-forbid {color: #31a4ff;}
.s-nodata-box {height: 340px;}
/*------ucenter exam style end-------*/
.ucenter-box .bg-fa {background: #f5f5f5;}
.u-noData-wrap {height: 345px;}
.u-p-nodata {height: 306px;}
.u-t-nodata {height: 305px;}
.u-exam-nodata {height: 212px;}
.questlist {min-height: 325px;}
.s-record-wrap {min-height: 359px;}
.sign-nodata {min-height: 317px;}
.uc-nodata-wrap {margin: 10px auto;}
/*------ucenter homework style-------*/
.hk-input-box {border: 1px solid #ccc; font-size: 14px; color: #555;line-height: 30px; padding: 0 10px;}
.c-learn-plan .uc-last-pic {background: none;}
.p-exam-wrap .p-test-tr li.p-test-op .exam-finish {color: #999;border-color: #999;cursor: default;}

.certificate-box {padding: 0;margin: 0 0 25px 25px;font-family: "Microsoft YaHei";text-align:center;}
.cert-img-wrap {padding: 103px 74px 0;width: 600px;height: 420px;box-sizing: border-box;font-family: "Microsoft YaHei";text-align:center;}
.cert-img-wrap .certificate-header .certifi-name {margin-bottom: 31px;}
.certificate-box a {display: block;}
.certificate-box img {width: 100%; min-height: 150px; height: auto;}
.certificate-header {border-bottom: 1px dashed #999;}
.certificate-header .certifi-title {font-size: 16px;margin-bottom: 12px;font-weight: bold;}
.certificate-header .certifi-name {font-size: 14px;margin-bottom: 12px;}
.certifi-body {padding: 14px 0 11px;text-align: left;}
.c-b-name {font-size: 12px;margin-bottom: 12px;}
.c-b-desc {text-indent: 2em;font-size: 12px;margin-bottom: 12px;line-height: 24px;}
.c-b-num {font-size: 12px;}
.certfi-foot {float: right;}
.certfi-foot p {text-align: center; min-width: 76px;font-size: 12px;margin-bottom: 12px;}
.uc-certificate-wrap ul li {width: 33.3%; float: left;}
.uc-certificate-wrap ul {margin-left: -25px;}

.uc-sel-wrap {padding: 10px 0;}
.uc-sel-wrap dt,.uc-sel-wrap dd {float: left;font-size: 14px;}
.uc-sel-wrap dd a {color: #444;padding: 0 24px 0 20px;transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;}
.uc-sel-wrap dd a:hover {text-decoration: none;color: #31a4ff; }
.uc-sel-wrap dd.current a {color: #31a4ff}
/*--learning report--*/
.report-title {border-bottom: 1px solid #ddd;line-height: 30px;}
.report-title span {color: #333; font-size: 16px;vertical-align:baseline; }
.report-title small {color: #999;font-size: 12px;  margin-left: 10px;vertical-align: baseline;}
.report-count {margin-top: 10px;}
.report-count .r-person-info {width: 60%;}
.report-count .r-c-time p {font-size: 14px; color: #999; line-height: 30px;}
.r-compare-box ul li {float: left; width: 26%;}
.r-compare-box ul li .r-c-wrap {display: block;border-left: 3px solid #eee;margin: 20px 0;padding-left: 20px;}
.r-compare-box ul li:first-child .r-c-wrap {border-left: none;}
.r-compare-box ul li .r-c-name {font-size: 16px;}
.r-compare-box ul li .r-c-num {font-size: 20px;line-height: 30px;margin-top: 10px;}
.r-compare-box ul li .r-c-num sub {font-size: 12px;}
.r-compare-box ul li .r-c-num sup {font-size: 12px; vertical-align: top;}
.r-chart-wrap {text-align: center;}
.r-chart-tab-list {width: 134px; height: 32px; border-radius: 5px; overflow: hidden;margin: 20px auto;background: #dcdcdc;border: 1px solid #dcdcdc;}
.r-chart-tab-list li {width: 50%;float: left;display: block;}
.r-chart-tab-list li a {display: block;background: #dcdcdc; color: #31a4ff;font-size: 14px;line-height: 32px;transition: .3s; -moz-transition: .3s;-webkit-transition: .3s;}
.r-chart-tab-list li.current a,.r-chart-tab-list li a:hover {display: block;background: #31a4ff; color: #fff;text-decoration: none;}

.processbox li {  text-align: center;  width: 25%;  position: relative;  float: left;  }
.processbox li .process-wrap { width: 110px; margin: 0 auto;}
.processbox li .process-text {width: 80%; margin: 0 auto;}
.processbox li font,.e-m-progress .processbox li span.e-process-num  { color: #333;  display: block;  width: 100%;  height: 110px;  line-height: 110px;  font-size: 18px;  font-weight:bold;  text-align: center;  position: absolute;  left: 0;  top: 0;  margin: 0px 0 0 0px;  }
.processbox li font,.e-m-progress .processbox li span.e-process-num small {font-size: 12px;}
.e-m-progress .processbox li span.e-process-num {height: 94px;line-height: 94px;}
.e-m-progress .processbox li span.e-process-finish {color: #999; font-size: 16px;}
.e-s-flag {position: absolute; right: -35px; top: -35px;}
.e-s-type{font-size: 12px;color: #fff;width: 36px;height: 32px;text-align: center;line-height: 32px;padding: 35px 34px 6px 6px;background: #31a4ff;border-radius: 50%;display: inline-block;}
.e-m-progress .e-process-name {position: absolute; bottom: 26px;color: #999;display: block; font-size: 12px;width: 100%; text-align: center;left: 0; right: 0; }
.e-m-percent {position: absolute; right: 176px; top: 50%;line-height: 20px; margin-top: -10px;}
.u-course-involved {margin-top: 20px;}
.u-course-involved li {float: left;margin-right: 15px;line-height: 26px;font-size: 14px;}
.u-course-involved li.u-c-type {width: 58px;}
.u-course-involved li .lev-num-wrap,.u-course-involved li .lev-num-wrap .lev-num-bar {height: 26px; border-radius: 0;}
.u-course-involved li .lev-num-wrap {width: 340px;}
.u-course-involved li .lev-num-wrap .lev-num-bar {background: #31a4ff;}
.process-num {width: 46px;height: 26px; color: #31a4ff;background: #e1e1e1;text-align: center;font-size: 14px;}
.u-header-title span.u-header-name {position: relative;}
.u-header-title span em {position: absolute; right: -52px; top: 5px;width: 28px; height: 19px; display: inline-block;background-position: -185px -367px;}
.u-header-title span em.new-icon {background-position: -242px -366px;}
.process-xb {font-size: 26px;}
.process-xb sub {font-size:12px; vertical-align: baseline;}
.process-xb sup {font-size:12px; vertical-align: top;}
.uc-m-news .col40 {width: 40%;}
.uc-m-news .col60 {width: 60%;}

.footwrap .foot-top {display: none;}
.nxb-box {background: #f0f0f0;}
/*--个人中心岗位课程--*/
.uc-m-header {border-bottom: 1px solid #dfdfdf;}
.uc-m-cou-wrap .uc-m-header .u-header-title {border-bottom: none;}
.uc-m-cou-wrap .uc-m-fav-header  .u-header-title {width: 86%;}
.u-header-title a.u-h-more span {font-size: 14px;}
.s-tap-list li a.s-t-nav em {transition: .3s;-webkit-transition: .3s;-moz-transition: .3s;}
.s-tap-list li:hover a.s-t-nav em {transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);}
.s-tap-list li {margin-left: 20px;float: right;position: relative;}
.s-tap-list li a.s-t-nav {display: inline-block;color: #666;width: 62px; font-size: 14px;padding: 10px;border-radius: 2px;position: relative;}
.s-tap-list li a.s-t-nav:hover {text-decoration: none;}
.s-tap-list li dl {position: absolute; left: 0; top: 39px;right: 0; border-radius: 3px; border: 1px solid #eee;width: 100%; background: #fff;display: none;}
.s-tap-list li dl dd a {line-height: 28px; color: #666; font-size: 14px;padding: 5px 10px;display: block;}
.s-tap-list li dl dd a:hover {text-decoration: none; opacity: 0.8;-moz-opacity: 0.8;filter: alpha(opacity=80);}
.s-down-arrow {background: url("../../../static/image/admin-nav.png") no-repeat -249px -108px;width: 10px;height: 7px; position: absolute; right: 12px;top: 15px;display: inline-block; vertical-align: middle;}
.career-wrap {background: #fff;padding: 18px 15px 15px;margin-top: 10px;border-radius: 7px;}
.uc-m-news .u-header-title {border-bottom: none;}
.career-attr-list li {text-align: center;padding: 0 25px;float: left;}
.u-latest-learning {background: #bdd9fb;height: 40px;border-radius: 3px;position: relative;line-height: 40px;font-size: 14px;color: #4954a4;margin-top: 20px;text-align: center;padding-right: 40px;}
.u-latest-learning ul li {float: left;margin-left: 10px;}
.u-latest-learning ul li.ml20 {margin-left: 26px;}
.u-latest-learning ul li a {color: #4954a4; text-decoration: underline;}
.u-latest-learning .u-l-close {position: absolute; right: 20px; top: 0;color: #4954a4;font-size: 16px;}
.u-latest-learning .u-l-close:hover {text-decoration: none; color: #727bc0;}
.uc-sel-wrap dd.u-search-result {float: right; font-size: 12px;font-family: "Microsoft YaHei"; color: #999;}
.uc-sel-wrap dd.u-search-result tt {margin: 0 3px;font-family: "Microsoft YaHei"}
//.uc-cou-box li .cc-l-wrap .c-cou-mask {right: 8px; bottom: 8px;width: 80px; height: 30px;line-height: 30px;border-radius:20px;top: auto; left: auto;background: url("../../../static/image/black-pre30.png") repeat 0 0;}
.uc-cou-box li .cc-l-wrap .j-c-desc-wrap {padding: 0 10px 15px;}
//.uc-cou-box li .cc-l-wrap .uc-cou-mask {background: url("../../../static/image/black-pre30.png") repeat 0 0;position: absolute; left: 0;}
.uc-cou-box li .j-course-title,.u-latest-learning .u-l-close {transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;}
.uc-cou-box li:hover .j-course-title {color: #31a4ff;}
.u-open-cou .uc-cou-box li .cc-l-wrap .j-c-desc-wrap {position: relative;}
.u-open-cou .cancel-cou {position: absolute; top: 16px; right:10px;}
.u-open-cou .cancel-cou:hover {  background-position: -395px -253px;}
.u-open-cou .cj-cou-ds.pr {padding-right: 30px;}
.j-c-desc-wrap h3 {padding: 8px 10px 10px;box-shadow: 0 1px 0 rgba(0,0,0,0.08);}
.j-c-desc-wrap h3.j-fav-title {padding: 8px 27px 10px 10px;}
.uc-m-cou-wrap .job-cou-list li {width: 33.3%;}
.uc-m-cou-wrap .uc-cou-box li .cc-l-wrap .j-c-desc-wrap {padding: 0;}
.uc-m-cou-wrap .cj-cou-ds {padding: 10px 10px 15px;background: #f9fbfe;margin-top: 1px;}
.uc-m-cou-wrap .live-cou-list li {width: 50%;}
.live-cou-list .course-img {width: 281px;float: left;margin-right: 13px;border-radius: 0;cursor: default;}
.live-cou-list .course-img img.img-responsive {height: 156px;}
.course-img .c-playing-icon {width: 24px; height:24px;}
.c-live-state {padding: 0 10px;display: inline-block; color: #fff;font-size:14px; line-height: 26px;background: $themeColor;border-radius:2px;}
.c-live-notyet {background: #0ecd7f; }
.c-live-finish {background: #aaa;}
.live-cou-list .cancel-cou {margin-top: 6px;}
.live-cou-list .mt15 {margin-top: 17px;}
.l-c-desc-wrap h3 {height: 52px;overflow: hidden;}
.live-cou-list li .cc-l-wrap {background: #fff;border-radius: 6px; overflow: hidden;}
.live-cou-list .j-course-title {font-size: 16px;line-height: 26px;}
.live-cou-list .l-c-desc-wrap {padding-right: 13px;}
.c-time-mask {text-align: center;position: absolute; top: 50%;left: 0;right: 0;margin-top: -15px;}
.c-time-mask span a {display: block;cursor: pointer;}
.c-time-mask span a:hover {text-decoration: none; opacity: 0.9;-moz-opacity: 0.9;filter: alpha(opacity=90);}
.c-time-mask span {background: url("../../../static/image/black_bg.png") repeat scroll 0 0;border-radius: 20px;display: inline-block;padding: 0 20px;line-height: 26px;font-size: 12px;color: #fff;}
.c-time-mask span tt {display: inline;font-size: 12px;font-family:"Microsoft YaHei";}
.cc-mask {background: rgba(0, 0, 0, 0.4);height: 100%;z-index: 9;left: 0;opacity: 0;filter:alpha(opacity=0);position: absolute;right: 0;top: 0;width: 100%;transition: .3s;-webkit-transition: .3s;}
.cc-mask .c-btn-1 {left: 50%;margin-left: -72px;margin-top: -16px;position: absolute;top: 100%;transition: .3s;-webkit-transition: .3s;}
.lt-ie9.lt-ie8 .cc-mask .c-btn-1,.lt-ie9 .cc-mask .c-btn-1 {top: 120%;}
.uc-cou-box li:hover .cc-mask {opacity: 1;filter:alpha(opacity=100);}
.uc-cou-box li:hover .cc-mask .c-btn-1 {top: 50%;}
.cc-mask .c-btn-1 {width: 120px;font-size: 18px;text-align: center; padding: 0 12px;height: 32px;line-height: 32px;display: inline-block;border-radius: 16px;border: 1px solid #fff;color: #fff;}
.cc-mask .c-btn-1:hover {text-decoration: none; opacity: 0.8;-moz-opacity: 0.8;filter: alpha(opacity=80);}

.credit-box .col-60 {width: 75%;}
.credit-box .col-40 {width: 25%;}
.credit-box .career-attr-list li {padding: 0 50px 0 0;}
.credit-box .col-40 .career-attr-list li {padding: 0;}
.plan-state {color: #666; border: 1px solid #ddd; font-size: 12px;vertical-align: middle; line-height: 18px;display: inline-block;padding: 0 5px;border-radius: 3px;}
.plan-state.c-green {color: #14BA4C;border-color: #14BA4C;}
.plan-state.c-red {color: #f04040;border-color: #f04040;}
/*----培训详情---*/
.uc-emp-box ol li.uc-emp-item {padding: 0 100px 0 280px;height: 170px;box-sizing: border-box;border-right: 1px solid #f4f4f4;margin-bottom: 20px;background: #fff;border-radius: 7px; overflow: hidden;box-shadow: 0 0 15px rgba(96,129,221,0.06);-moz-box-shadow: 0 0 15px rgba(96,129,221,0.06);-webkit-box-shadow:  0 0 15px rgba(96,129,221,0.06);transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;position: relative;}
.uc-emp-box ol li.uc-emp-item .lev-num-wrap {width: 100%;height: 3px;background: #ededed;}
.uc-emp-box ol li .e-m-check {position: absolute; right: 30px; bottom: 30px;}
.exam-button li{cursor: pointer;width: 100px; height: 30px;line-height: 30px;color: #fff;font-size: 14px;background: $themeColor;margin-right: 30px;}
.uc-emp-box ol li .lev-num-bar {height: 3px;background: #50e862;}
.plan-attr-wrap ul {border-bottom: 1px solid #eee;line-height: 56px;}
.plan-attr-wrap ul:last-child {border-bottom: none;}
.plan-attr-wrap ul li span {color: #999; font-size: 14px;}
.plan-attr-wrap ul li span tt {color: #666;font-family: "Microsoft YaHei";}
.plan-attr-wrap ul li {float: left;margin-right: 33px;}
.plan-attr-wrap {padding: 0 45px;}
.plan-progres-box {position: relative;width: 94%; margin: 0 auto;}
.p-progres-num {text-align: center; margin-top: 10px;}
.uc-emp-box .e-m-more a {border: 1px solid #a5b2c5;color: #a5b2c5;transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;}
.emp-s-b-sec { padding: 0;overflow: hidden;width: 280px;position: absolute; left: 0; top:0; }
.e-m-flag {position: absolute; right: 50px; top: 0;}
.e-m-flag span {font-size: 12px; line-height: 26px;color: #fff;width: 30px; height: 55px;text-align: center; line-height: 39px;display: inline-block;background: url("../../../static/image/plan-type-flag.png") no-repeat 0 0;}
.e-m-flag span.e-m-plan-icon {background-position: -7px -12px;}
.e-m-flag span.e-m-exam-icon {background-position: -7px -89px;}
.e-m-flag span.e-m-testing-icon {background-position: -7px -168px;}
.e-m-flag span.e-m-live-icon {background-position: -7px -245px;}
.uc-emp-box ol li:hover .e-m-more a {background: #5dd0f6; color: #fff;border-color: #5dd0f6; box-shadow: 0 0 5px rgba(49,164,255,0.4);-moz-box-shadow: 0 0 5px rgba(49,164,255,0.4);-webkit-box-shadow:  0 0 5px rgba(49,164,255,0.4);}
.uc-emp-box ol li .e-s-box {padding: 22px 23px;background: #2d3443;}
.s-plan-record {border-color: #c5e3fa;padding: 15px 0 40px 25px;margin: 0 0 25px 65px;min-height: inherit;}
.s-plan-record .s-p-type { height: 30px;  left: -77px;  min-width: 60px;  position: absolute;  text-align: right;  top: 5px; }
.s-p-wrap {position: relative;}
.s-p-name {font-size: 16px; color: #333; line-height: 30px;}
.s-plan-record .s-r-year {left: -61px;}
.s-r-start {width: 20px; height: 20px; display: inline-block;background: url("../../../static/image/icon_nxb.png") no-repeat -391px -191px;}
.s-p-wrap .e-m-more {margin-top: -14px;}
.s-p-wrap .e-m-more a,.plan-info-box .e-m-more a {height: 28px; line-height: 28px;transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;}
.s-plan-record .s-p-finish {top: 23px;}
.s-plan-record .s-p-start {left: -75px;}
.s-p-wrap .e-m-more a:hover,.plan-info-box .e-m-more a:hover {text-decoration: none; border-color: #31a4ff;}
.s-plan-record .s-p-start .c-master {color: #71c0fe;}
.c-learn-plan>div:not(:first-child) {min-height: 352px;}
.s-plan-record .s-r-c-t {background: #71c0fe;}
.mr8 {margin-right: 8px;}
.s-plan-record .s-r-c-finish {border-color: #ddd; background: #aaa;top: 20px;}
.plan-info-box .e-m-more {position: absolute;right: 0; bottom: -4px;}
.cert-wrap {width: 100%;}
.cert-wrap img {width: 100%; height: auto;}
.cert-down-link {cursor: pointer; display: block;position: absolute; top: 0; right: 0;}
.cert-down-link:hover,.uc-emp-box ol li .e-m-check a:hover {text-decoration: none; opacity: 0.9; -moz-opacity: 0.9;filter: alpha(opacity=90);}
.cert-desc-wrap {position: relative; padding-right: 80px;}
.uc-emp-box {margin-top: 15px;}
.u-plan-wrap {margin-top: 10px;}
.u-header-title a, .u-header-title span.u-header-name {padding: 0 0 5px 0;}
.uc-m-top .u-header-title a span:after {bottom: -8px;}
.u-plan-wrap .u-header-title {border-color: #dfdfdf;}
.uc-m-cou-wrap .u-header-title {border-bottom: 1px solid #dfdfdf;}

.u-statistic-box {padding: 5px 20px 12px;}
.sta-learn-info li {float: left;width: 33.3%;text-align: center;}
.sta-learn-info li .s-l-num {font-size: 16px; color: #666;}
.sta-learn-info li .s-l-desc {font-size: 16px; color: #999;}
.processingbar {  text-align: center;  margin: 0 auto;  position: relative;  width: 100px;height: 106px;  }
.processingbar font,.processingbar span {  color: #ff7257; display: block;  width: 100px;  height: 100px;  line-height: 100px;  font-size: 22px;  font-weight:bold;  text-align: center;  position: absolute;  left: 0;  top: 0;  margin: 0px 0 0 0px;  }
.processingbar font {opacity: 0;-moz-opacity: 0;filter: alpha(opacity=0);}
.processingbar span tt {font-size: 16px;}
.processingtime { height: 105px;line-height: 105px;width: auto;}
.processingtime span {font-size: 28px;width: auto;color: #767d89;position: static;}
.processingtime span tt{font-size: 14px;color: #767d89;font-family: "Microsoft YaHei";font-weight: normal;}
 #processingbar2 span {color: #00b168;}
.uc-m-news {margin-bottom: 20px;}
/*------学习记录------*/
.study-tl { padding: 0 0 0 64px;  }
.study-tl .tl-item { position: relative;  padding-left: 37px;  border-left: 1px solid #d3d7da;  }
.study-tl .time { position: absolute;  left: 0;  top: 20px;  margin-left: -64px;  line-height: 16px;  font-size: 12px;  color: #8a8c8f;  }
.study-tl .time:before { content: '';  display: block;  position: absolute;  left: 60px;  width: 8px;  height: 8px;  border-radius: 50%;  background-color: #d0d6d9;  }
.study-tl .time b { font-size: 18px;  font-weight: 400;  }
.study-tl .time em { display: block;  margin-top: 2px;  }
.course-list .course-one { padding: 20px 0;  position: relative;  border-bottom: 1px solid #eff1f0;min-height: 111px; }
.course-list .course-list-img img {vertical-align: top; width: 200px; height: 111px; }
.course-list .course-list-cont { padding: 0 110px 0 0; overflow: hidden; }
.note-list .course-list-cont { padding: 0; overflow: hidden; }
.course-list .study-hd { font-size: 18px;  color: #12171b;  height: 29px;  line-height: 29px;  position: relative;  }
.course-list .study-points { padding: 10px 0 15px;  height: 21px; color: #666; font-size: 14px;line-height: 20px; }
.s-continute-btn {position: absolute; top: 50%; right: 0; font-size: 14px;color: #31a4ff;border: 1px solid #31a4ff;margin-top: -16px;width: 90px;height: 32px; line-height: 32px;text-align: center;background: #fff;}
.study-his-info {font-size: 14px; color: #666;line-height: 24px;margin-top: 10px;font-family: "Microsoft YaHei"; overflow: hidden;}
.js-editarea {background: #f3f3f3;padding: 20px;margin-top: 10px;}
.js-edit-save,.js-edit-cancel {width: 80px; height: 28px;line-height: 28px; text-align: center;color: #666;border: 1px solid #ccc;background: #fff;margin-left: 10px;}
.js-edit-save {color: #31a4ff; border-color: #31a4ff;}
.space-note-input {border: 1px solid #ccc;background: #fff; }
.space-note-input textarea {border: none; width: 98%;padding: 8px 1%; height: 100px;overflow-y: auto;resize: none;}
.space-note-text-counter {text-align: right;margin-right: 5px;font-size: 12px;color: #999;}
.js-editarea .error-tip {}
.note-attr-box a:hover,.s-check-more a:hover,.js-edit-save:hover,.js-edit-cancel:hover {text-decoration: none; opacity: 0.9;-moz-opacity: 0.9;filter: alpha(opacity=90);}
.course-list-img {margin-right: 15px;}
.note-list .course-one {padding: 25px 0;min-height: auto;}
.m-page-wrap {margin-top: 30px;}
.m-list-time {display: none;}
.hk-text-box {width: 100%;}
.hk-textarea {width: 100%;font-size: 14px; min-height: 100px;border: 1px solid #ddd;padding: 10px; color: #666;box-sizing: border-box;font-family: "Microsoft YaHei"}
.hk-content {color: #666;font-size: 14px;font-family: "Microsoft YaHei"}
.file-sel-btn .webuploader-pick {width: 90px;font-family:"Microsoft YaHei";letter-spacing: 1px;}
.atachment-link {cursor: pointer;}

@-webkit-keyframes shake{
    0%,100%{-webkit-transform:translateX(0);}
    10%,30%,50%,70%,90%{-webkit-transform:translateX(-2px);}
    20%,40%,60%,80%{-webkit-transform:translateX(2px);}
}
@-moz-keyframes shake{
    0%,100%{-moz-transform:translateX(0);}
    10%,30%,50%,70%,90%{-moz-transform:translateX(-2px);}
    20%,40%,60%,80%{-moz-transform:translateX(2px);}
}
@-ms-keyframes shake{
    0%,100%{-ms-transform:translateX(0);}
    10%,30%,50%,70%,90%{-ms-transform:translateX(-12px);}
    20%,40%,60%,80%{-ms-transform:translateX(2px);}
}
@keyframes shake{
    0%,100%{transform:translateX(0);}
    10%,30%,50%,70%,90%{transform:translateX(-2px);}
    20%,40%,60%,80%{transform:translateX(2px);}
}


.u-activity-state {position: absolute;right: 10px; top: 10px;background: #ff7575; color: #fff;padding: 2px 10px;font-size: 14px;line-height: 20px;border-radius: 20px;display: inline-block;}
.u-activity-wrap .u-live-wrap li .u-l-pic {padding: 0;}
.u-activity-wrap .u-live-wrap li .u-l-pic a {display: block;}
.u-activity-wrap .u-live-wrap li {padding: 12px 135px 12px 221px;min-height: 111px;margin-bottom:5px;}
.u-act-going {background: #6bcc72;}
.plan-enrol-box {padding: 0;margin-top: 20px;}
.p-learn-btn {transition: .3s;-moz-transition: .3s;-webkit-transiiton: .3s;line-height: 20px;color: #5f6876;font-size: 14px; border: 1px solid #b0bacc;padding: 5px 25px;border-radius: 20px; display: inline-block;}
.uc-library-wrap  li .cc-l-wrap {padding: 15px;}
.uc-library-wrap  li .cc-l-wrap .j-c-desc-wrap {padding: 0;}
.uc-library-wrap  li .cc-l-wrap:hover .p-learn-btn {text-decoration: none; background: #31a4ff; color: #fff;border-color:#31a4ff; }
.library-sel-box dt {width: 42px;display: block; height: 20px;}
.library-sel-box  {margin-top: 0;}
.library-sel-box dd a {color: #666;}
.c-s-dl dl {border: none;}
.c-s-dl dl dt {width: 46px;}
.c-s-dl-li {padding: 0 60px 0 50px;}
.c-s-dl-li ul li.current a, .c-s-dl-li ul li.current a:hover {background: none; color: #31a4ff;}
.c-s-more {top: 0;}
.uc-library-box dt {padding-left: 6px;}
.uc-library-wrap .cj-cou-ds {height: 40px; overflow: hidden;}
.plan-finish-box {margin: 16px 0 9px;}
.u-h-more em {background: url("../../../static/image/admin-nav.png") no-repeat -248px -143px;}
.uc-library-wrap .lib-pic img {height: 102px;width: 100%;}
.u-plan-wrap .u-p-nodata {height: 180px;}
@media (min-width: 992px) and (max-width: 1199px) {
    .container {
        width: 970px;
    }
    .uc-m-cou-wrap .uc-m-fav-header .u-header-title {width: 83%;}
    .plan-attr-wrap {padding: 0 39px;}
    .uc-emp-box ol li.uc-emp-item {padding: 0 0 0 213px;}
    .emp-s-b-sec {width: 213px;}
    .uc-emp-box ol li .e-s-box {padding: 22px 18px;}
    .uc-emp-box ol li .e-m-check {display: none;}
    .remain-day-box span {font-size: 38px;}
    .integral-list ul li {width: 33.3%;}
    .g-zl-dl dl dd input, .g-zl-dl dl dd select, .g-zl-dl dl dd textarea, .c-u-l-select, .dTextarea, .u-center-email {width: 80%;}
    .s-r-c-img img {width: 144px; height: 80px;}
    .exam-condition li .e-c-box {background-size: cover;}
    .exam-condition li {margin-bottom: 15px;width: 33.3%;}
    .uc-exam-wrap li {margin-bottom: 0; width: 25%;}
    .exam-condition li:nth-last-child(1),.exam-condition li:nth-last-child(2) {margin-bottom: 0;}
    .uc-cou-box li .cc-l-wrap .course-img img {height: 118px;}
    .u-exam-nodata {height: 119px;}
    .uc-cou-box li {width: 33.3%;}
    .m-t-hide {display: none;}
    .live-cou-list .course-img{width: 100%;float: none;}
    .live-cou-list .mt15 {margin-top: 10px;}
    .live-cou-list .l-c-desc-wrap {padding: 0 10px 10px;}
    .live-cou-list .course-img img.img-responsive {height: 119px;}
    .uc-m-cou-wrap .live-cou-list li {width: 33.3%;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .course-list .course-list-img img {width: 80px; height: 44px;}
    .study-tl .tl-item {padding-left: 22px;}
    .uc-header {height: auto;}
    .uc-m-left {width: 160px;}
    .g-zl-dl dl dd input, .g-zl-dl dl dd select, .g-zl-dl dl dd textarea, .c-u-l-select, .dTextarea, .u-center-email {width: 72%;}
    .s-record-wrap {margin: 0 40px 0 110px;}
    .s-r-c-title a {width: 180px; overflow: hidden;display: inline-block;text-overflow: ellipsis;white-space: nowrap;}
    .s-r-c-title span {display: inline-block;}
    .order-top-pagebar .ml50 {margin-left: 30px;}
    .integral-list ul li {width: 50%;}
    .exam-condition li .e-c-box {background-size: cover;}
    .lev-num-wrap {width: 167px;}
    .uc-last-learn li {padding: 0 106px 0 174px;}
    .e-s-section {margin-top: 0;}
    .e-s-section p {padding-left: 25px;margin-top: 0;}
    .exam-condition li {width: 50%; margin-bottom: 13px;}
    .p-material-box .p-test-th li.p-test-op,.p-material-box .p-test-tr li.p-test-op {width: 25%;}
    .p-test-th li, .p-test-tr li {width: 21%;}
    .uc-m-l-menu dl dt {padding: 2px 10px 5px 21px;}
    .uc-cou-box li {width: 50%;}
    .uc-cou-box li .cc-l-wrap .course-img img {height: 139px;}
    .u-live-wrap li {padding: 18px 122px 12px 180px;min-height: 90px;}
    .u-live-wrap li .u-l-pic,.u-live-wrap li .u-l-pic img, .u-live-wrap li .u-l-pic .u-f-pic{width: 130px; height: 78px;}
    .u-live-wrap li h3 a {font-size: 1rem;}
    .u-live-wrap li section.mt10 {margin-top: 0;}
    .u-live-wrap li section.mt10 p span,.u-live-wrap li section.mt10 p {font-size: 0.87rem;}
    .u-live-wrap li .u-f-c-more a {padding: 0 14px;}
    .exam-condition li:nth-last-child(1) {margin-bottom: 0;}
    .plan-desc .p-cou-box {width: 155px;}
    .plan-desc .p-cou-box.ml30 {margin-left: 20px;}
    .plan-info-box {padding: 0 223px 0 5px;}
    .u-exam-nodata {height: auto;}
    .uc-fav-list li {min-height: 71px; padding: 0 104px 20px 167px;}
    .uc-fav-list li .u-f-pic {width: 120px; height: 67px;}
    .uc-fav-list li .i-oc-title {font-size: 16px;}
    .uc-fav-list li .u-f-c-more {top: 0; width: 83px;}
    .uc-fav-list li .u-f-c-more a {padding: 0 10px; height: 26px; line-height: 26px;}
    .uc-fav-list li .u-f-c-more a.ml15 {margin: 10px 0 0;}
    .u-info-header a {margin-right: 6px;}
    .s-r-c-img img {width: 130px; height: 72px;}
    .page-jump {display: none;}
    .g-zl-wrap {position: relative;}
    .ukindeditor .uploadWrap {position: absolute;left: 118px; top: -3px; width: 380px;}
    .ukindeditor .jc-demo-box,.ukindeditor .pictureWrap {width: 280px; height: 280px;}
    .ukindeditor .preview-pane1 {right: -213px; top: 0;}
    .ukindeditor .preview-pane2 {right: -117px; top: 217px;}
    .ukindeditor .preview-pane3 {right: -218px; top: 218px;}
    .g-zl-wrap .avator-box {margin-top: 80px;}
    .live-cou-list .course-img{width: 100%;float: none;}
    .live-cou-list .mt15 {margin-top: 10px;}
    .live-cou-list .l-c-desc-wrap {padding: 0 10px 10px;}
    .live-cou-list .course-img img.img-responsive {height: 142px;}
    .l-c-desc-wrap h3 {height: auto;}
    .col-50 {width: 48%;}
    .plan-attr-wrap {display: none;}
    .uc-emp-box ol li.uc-emp-item {padding: 0 0 20px; height: auto;}
    .plan-finish-box {margin: 16px 0 3px;}
    .uc-emp-box ol li .e-m-check {position: static;width: auto;}
    .emp-s-b-sec {position: static;width: 100%;}
    .uc-emp-box ol li .e-s-box {background: #fff;padding: 10px 23px;}
    .e-s-name a,.remain-day-box,.p-progres-num span{color: #333;}
    .plan-finish-box .c-fff {color: #333;}
    .e-s-name a,.remain-day-box,.p-progres-num span{color: #333;}
}

.demo-table-expand {
    font-size: 0;
  }
  .demo-table-expand label {
    width: 90px;
    color: #99a9bf;
  }
  .demo-table-expand .el-form-item {
    margin-right: 0;
    margin-bottom: 0;
    width: 50%;
  }